<!DOCTYPE html>
<!-- xmlns:v-bind表示引入一个约束文件 相当于拓展HTML的语法 -->
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>属性绑定</title>
</head>
<body>
    <div>
        {{info}}<br>
        <!-- 属性绑定简写 -->
        <input type="text" :value="info"><br>
        <!-- 完整的属性绑定 如果没有引入Vue 会报错 -->
        <input type="text" v-bind:value="info"><br>
        <a :href="url">超链接</a><br>
        <img :src="imgName" alt="">
    </div>
    <script src="vue.min.js"></script>
    <script>
        let v = new Vue({
            el : "div",
            data : { // data中绑定多个数据 数据之间用逗号隔开
                info : "属性绑定测试",
                url : "https://www.baidu.com",
                imgName : "image/1.png"
            }
        })
    </script>
</body>
</html>